<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书架</title>
    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
    <link href="../js/bootstrap-3.3.7/dist/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/novelPublic.css">
    <link rel="stylesheet" href="../css/bookcase.css">
    <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="panel panel-middle">
        <!--    导入小说对话框 -->
        <div id="panelLoading" class="panel panel-default panel-loading hidden">
            <img src="../img/loading.gif" class="img-loading"/>
        </div>
        <!--    导入小说对话框 -->
        <div id="novelImportDialog" class="panel panel-info panel-dialog hidden">
            <div class="panel-heading">
                <span class="panel-title">请输入小说的绝对路径</span>
                <span class="glyphicon glyphicon-remove dialog-close"
                      aria-hidden="true" onclick="bookcaseApp.novelImport0('close')"></span>
            </div>
            <div class="panel-body panel-table">
                <div class="input-group">
                    <span class="input-group-addon">小说路径</span>
                    <input id="novelPath" type="text" class="form-control" placeholder="必填！形如： /home/a.txt 或 c:\a.txt">
                </div> <div class="input-group">
                    <span class="input-group-addon">作者</span>
                    <input id="novelAuthor" type="text" class="form-control" placeholder="">
                </div><div class="input-group">
                    <span class="input-group-addon">小说官网</span>
                    <input id="novelUrlWeb" type="text" class="form-control" placeholder="">
                </div><div class="input-group">
                    <span class="input-group-addon">小说封面</span>
                    <input id="novelCover" type="text" class="form-control" placeholder="">
                </div><div class="input-group">
                    <btn class="btn btn-success btn-import" onclick="bookcaseApp.novelImport()">导入</btn>
                    <btn class="btn btn-success btn-import" onclick="bookcaseApp.novelImportTest()">导入测试</btn>
                </div>
            </div>
        </div>
<!--        标题栏-->
        <div class=" panel-body">
            <span>共<span id="novelNum" class="novel-num">0</span>本小说</span>
            <btn class="btn btn-default novel-import0" onclick="bookcaseApp.novelImport0('open')">导入</btn>
        </div>
<!--        小说列表-->
        <table class="table">
            <thead>
            <tr>
                <th>书名</th>
                <th>作者</th>
                <th>大小</th>
                <th class="th-action">操作</th>
            </tr>
            </thead>
            <tbody id="novelList">
            <tr><td colspan="3">暂无数据</td></tr>
            </tbody>
        </table>
    </div>
</body>
<script type="text/javascript" src="../js/bookcase.js"></script>
</html>